<script>
	import {
		mapState,
		mapMutations,
		mapActions,
		mapGetters
	} from 'vuex'
	export default {
		/**
		 * vuex管理登陆状态，具体可以参考官方登陆模板示例
		 */
		methods: {
			...mapMutations(['SET_MEMBER', 'SET_OPENID']),
			// #ifdef H5
			// 检查登录状态
			async checkLogin() {
				let result = await this.$u.api.userStatus();
				if (!result) {
					// 若没有登录则清空个人信息
					this.SET_MEMBER({});
				}
			},
			// #endif
			// // #ifdef MP-WEIXIN
			// async wechatMiniLogin() {
			// 	//this.$u.toast('登录中');
			// 	let [error, loginRes] = await uni.login({
			// 		provider: 'weixin'
			// 	});
			// 	if (loginRes.hasOwnProperty('code')) {
			// 		let data = await this.$u.api.userAuthSession({
			// 			code: loginRes.code
			// 		});
			// 		if (data) {
			// 			this.SET_OPENID(data.openid)
			// 			if (data.hasOwnProperty('userInfo') && data.userInfo.token && data.userInfo.token != '') {
			// 				this.SET_MEMBER(data.userInfo);
			// 			}
			// 		}
			// 	} else {
			// 		//this.$u.toast('登录失败');
			// 	}
			// }
			// // #endif
		},
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			// #ifdef MP-WEIXIN
			//使用更新对象之前判断是否可用
			if (wx.canIUse('getUpdateManager')) {
				const updateManager = wx.getUpdateManager()
				// 监听向微信后台请求检查更新结果事件。微信在小程序冷启动时自动检查更新，不需由开发者主动触发。
				updateManager.onCheckForUpdate(function(res) {
					// 请求完新版本信息的回调
					console.log("请求完新版本信息的回调" + JSON.stringify(res.hasUpdate))
					//是否有新版本
					if (res.hasUpdate) {
						//监听小程序有版本更新事件。客户端主动触发下载（无需开发者触发），下载成功后回调
						updateManager.onUpdateReady(function() {
							wx.showModal({
								title: '更新提示',
								content: '新版本已经准备好，是否重启应用？',
								success(res) {
									if (res.confirm) {
										// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
										console.log("新的版本已经下载好，调用 applyUpdate 应用新版本并重启");
										updateManager.applyUpdate()
									}
								}
							})
						})
					
						// 监听小程序更新失败事件。小程序有新版本，客户端主动触发下载（无需开发者触发），
						// 下载失败（可能是网络原因等）后回调
						updateManager.onUpdateFailed(function() {
							console.log("新版本下载失败");
							wx.showModal({
								title: '已经有新版本了哟~',
								content: '新版本已经上线啦~，请您删除当前小程序，重新搜索打开哟~'
							})
						})
					}
				})
					
			} else {
				//如果小程序需要在最新的微信版本体验，如下提示
				wx.showModal({
					title: '更新提示',
					content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
				})
			}
			// #endif
		},
		
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "@/uni_modules/uview-ui/index.scss";
view,
page,
text,
button,
image,
textarea,
scroll-view,input {
	box-sizing: border-box;
}
image {
	display: block;
}
button {
	margin: 0;
	padding: 0;
	background-color: #FFFF;
}
button::after {
	border: none;
}


// tabbar固定定位
.fixed{
	width: 100%;
	height: 400rpx;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 2;
}

//字体白色
.font-cw{
	color: #FFFFFF;
}

//justify-bw

.justify-bw{
	justify-content: space-between;
}
.justify-sa{
	justify-content:space-around;
}
.content-p{
	padding: 0 30rpx;
}
.content_col10{
	padding: 0 10rpx;
}
.mr5 {
    margin-right: 5rpx;
}

.mt30 {
    margin-top: 30rpx;
}
.mt20 {
    margin-top: 20rpx;
}

.mt10 {
    margin-top: 10rpx;
}

.text-t1{
	
	color: $u-info;
}

.fw800{
	font-weight: 800;
}
.center{
	margin: 0 auto;
}

.price-font{
font-family: Price-Bold;
}

.price-font1{
font-family: Price;
}
.text_c{
	text-align: center
}

.flex-row {
    display: flex;
    flex-direction: row;
  }

  .flex-col {
    display: flex;
    flex-direction: column;
  }

  .justify-start {
    display: flex;
    justify-content: flex-start;
  }

  .justify-center {
    display: flex;
    justify-content: center;
  }

  .justify-end {
    display: flex;
    justify-content: flex-end;
  }

  .justify-evenly {
    display: flex;
    justify-content: space-evenly;
  }

  .justify-around {
    display: flex;
    justify-content: space-around;
  }

  .justify-between {
    display: flex;
    justify-content: space-between;
  }

  .items-start {
    display: flex;
    align-items: flex-start;
  }

  .items-center {
    display: flex;
    align-items: center;
  }

  .items-end {
    display: flex;
    align-items: flex-end;
  }
	/*每个页面公共css */
	.flex1 {
		display: flex;
		align-items: center;
	}
	.w160 {
		width: 160rpx;
		height: 160rpx;
	}
	.w32 {
		width: 32rpx;
		height: 32rpx;
	}
	.w48{
		width: 48rpx;
		height: 48rpx;
	}
	.w88{
		width: 88rpx;
		height: 88rpx;
		
	}
	.w138{
		width: 138rpx;
		height: 138rpx;
	}
	.w100{
		width: 100rpx;
		height: 100rpx;
	}
	
</style>
